<!-- 我的订单 -->
{% extends 'home/index.html'%}
{% block title %}
<title>个人中心</title>
{% endblock %}

{% block css %}
<link href="/static/home/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
<link href="/static/home/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">
<link href="/static/home/css/personal.css" rel="stylesheet" type="text/css">
<link href="/static/home/css/infstyle.css" rel="stylesheet" type="text/css">
<script src="/static/home/AmazeUI-2.4.2/assets/js/jquery.min.js" type="text/javascript"></script>
<script src="/static/home/AmazeUI-2.4.2/assets/js/amazeui.js" type="text/javascript"></script>
{% endblock %}

{% block con %}
<div class="center">
    <div class="col-main">
        <div class="main-wrap">
            <div class="user-info">
            <!--标题 -->
                <div class="am-cf am-padding">
                    <div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">个人资料</strong> / <small>Personal&nbsp;information</small></div>
                </div>
                <hr>
                <!--头像 -->
                <div class="user-infoPic">
                    <div class="filePic">
                        <input type="file" class="inputPic" allowexts="gif,jpeg,jpg,png,bmp" accept="image/*">
                        <img class="am-circle am-img-thumbnail" src="{{ user.pic_url }}" alt="" width="135" height="135">
                    </div>
                    <p class="am-form-help">头像</p>
                    <div class="info-m">
                        <div><b>用户名：<i>小叮当</i></b></div>
                        <div class="u-level">
                            <span class="rank r2">
                                 <s class="vip1"></s><a class="classes" href="#">铜牌会员</a>
                            </span>
                        </div>
                        <div class="u-safety">
                            <a href="safety.html">
                             账户安全
                            <span class="u-profile"><i class="bc_ee0000" style="width: 60px;" width="0">60分</i></span>
                            </a>
                        </div>
                    </div>
                </div>
                <!--个人信息 -->
                <div class="info-main">
                    <form class="am-form am-form-horizontal" method="POST" action="{% url 'home_yhgl'%}" enctype="multipart/form-data">
                        {% csrf_token %}
                        <input type="hidden" name="id" value="{{ user.id }}">
                        <div class="am-form-group">
                            <label for="user-name2" class="am-form-label">昵称</label>
                            <div class="am-form-content">
                                <input type="text" id="user-name2" name='username' value="{{ user.username }}">
                            </div>
                        </div>
                        <div class="am-form-group">
                            <label for="user-phone"  class="am-form-label">密码</label>
                            <div class="am-form-content">
                                <input id="user-phone" name="password" placeholder="更新密码" type="tel">
                            </div>
                        </div>
                        <div class="am-form-group">
                            <label for="user-phone" class="am-form-label">电话</label>
                            <div class="am-form-content">
                                <input id="user-phone" value="{{ user.phone }}" name="phone" type="tel">
                            </div>
                        </div>
                        <div class="am-form-group">
                            <label for="user-email" class="am-form-label">邮箱</label>
                            <div class="am-form-content">
                                <input id="user-email" value="{{ user.email }}" name="email" type="email">
                            </div>
                        </div> 
                        <div class="am-form-group">
                            <label for="user-name" class="am-form-label">年龄</label>
                            <div class="am-form-content">
                                <input type="text" id="user-name2" value="{{ user.age }}" name="age">

                            </div>
                        </div>
                        <div class="am-form-group">
                            <label class="am-form-label">性别</label>
                            <div class="am-form-content sex">
                                <label class="am-radio-inline">
                                    <input type="radio" name="radio10" value="male" data-am-ucheck="" class="am-ucheck-radio"><span class="am-ucheck-icons"><i class="am-icon-unchecked"></i><i class="am-icon-checked"></i></span> 男
                                </label>
                                <label class="am-radio-inline">
                                    <input type="radio" name="radio10" value="female" data-am-ucheck="" class="am-ucheck-radio"><span class="am-ucheck-icons"><i class="am-icon-unchecked"></i><i class="am-icon-checked"></i></span> 女
                                </label>
                            </div>
                        </div>
                        <div class="info-btn">
                            <button class="am-btn am-btn-danger" id='baocun' >保存修改</button>
                        </div>
                    </form>
                </div>

            </div>
        </div>
        <!--底部-->
    </div>
    <aside class="menu">
        <ul>
            <li class="person">
                <a href="{% url 'home_orderinfo' %}">个人中心</a>
            </li>
            <li class="person">
                <a href="{% url 'home_dzgl' %}">个人资料</a>                
            </li>
            <li class="person">                
                <ul>
                    <li class="active"><a href="{% url 'home_orderinfo' %}">订单管理</a></li>
                </ul>
            </li>
        </ul>
    </aside>
</div>
</script>

{% endblock %}
